<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../../css/iconfont/iconfont.css">
	<link rel="stylesheet" href="../../css/index.css">
	<script src="../../js/index.js"></script>
</head>
<body style="min-width: 1200px;">
	<!-- 头部导航开始 -->
	<header>
		<ul class=" header-left fl" id="user-tab">
			<li class="active"><a href="index.html"><i class="iconfont icon-shouye_shouye"></i>首页</a></li>
			<li><a href="bill_market.html"><i class="iconfont icon-d"></i>票据行情</a></li>
			<li><a href="artificial_deal.html"><i class="iconfont icon-jiaoyi"></i>人工交易</a></li>
			<li><a href="automatic_deal.html"><i class="iconfont icon-shouye_shouye"></i>自动交易</a></li>
			<li><a href="rate_market.html"><i class="iconfont icon-iconzhishubao01"></i>票据指数</a></li>
			<li><a href="bill_property.html"><i class="iconfont icon-zichan"></i>票据资产</a></li>
			<li><a href="newest_mes.html"><i class="iconfont icon-news"></i>最新资讯</a></li>
			<li><a href="account_manage.html"><i class="iconfont icon-zhanghu"></i>账户管理</a></li>
			<li><a href="mes_manage.html"><i class="iconfont icon-yonghu"></i>信息管理</a></li>
		</ul>
		<ul class=" header-right fr">
			<li class="cop-name">欢迎你，广州腾飞信息技术有限公司</li>
			<li class="setting" id="setting"><i class="iconfont icon-xitongshezhi"></i></li>
			<li class="infor" id="info"><i class="iconfont icon-xitongxiaoxi"></i><span>(5)</span></li>
			<li class="exit"><i class="iconfont icon-yonghu"></i>退出</li>
			<li class="register"><i></i>注册</li>
		</ul>
	</header>
	<!-- 头部导航结束 -->
	<!-- 页面上部开始 -->
	<div class="home-page-top">
		<!-- 指数区域开始 -->
		<div class="index">
			<div class="index-content">
				<div class="header">
					<h1 class="title">普创指数</h1>
					<a class="more">更多</a>
				</div>
				<div class="index-item yincheng">
					<h3 class="name">
						普创银承指数
					</h3>
					<div class="number">
						<p>100.00</p>
						<p>
							<span>+150</span>
							<span>+0.09%</span>
						</p>
					</div>
				</div>
				<div class="index-item shangcheng">
					<h3 class="name">
						普创商承指数
					</h3>
					<div class="number">
						<p>100.00</p>
						<p>
							<span>+150</span>
							<span>+0.09%</span>
						</p>
					</div>
				</div>
				<div class="index-item today-deal">
					<h3 class="name">
						今日成交
					</h3>
					<div class="number">
						<p>
							<span>1.000</span>亿
						</p>
					</div>
				</div>
				<div class="index-item total-deal">
					<h3 class="name">
						累计成交
					</h3>
					<div class="number">
						<p>
							<span>1.000.000</span>亿
						</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 指数区域结束 -->
		<!-- 公告区域开始 -->
		<div class="announcement">
			<div class="announcement-content">
				<div class="system-ann">
					<div class="header">
						<h3 class="title">系统公告</h3>
						<a class="more">更多</a>
					</div>
					<ul class="article-section">
						<li>
							<p class="article"> 本平台2016年10月1日至22:00至10月2日6:00期间进行系统维护</p><p class="date"><span >10-24 16:00</span></p>
						</li>
						<li>
							<p class="article"> 本平台2016年10月1日至22:00至10月2日6:00期间进行系统维护</p><p class="date"><span >10-24 16:00</span></p>
						</li>
						<li>
							<p class="article"> 本平台2016年10月1日至22:00至10月2日6:00期间进行系统维护</p><p class="date"><span >10-24 16:00</span></p>
						</li>
					</ul>
				</div>
				<div class="toady-news">
					<div class="header">
						<h3 class="title">今日要闻</h3>
						<a class="more">更多</a>
					</div>
					<ul class="article-section">
						<li>
							<p class="article"> 本平台2016年10月1日至22:00至10月2日6:00期间进行系统维护</p><p class="date"><span >10-24 16:00</span></p>
						</li>
						<li>
							<p class="article"> 本平台2016年10月1日至22:00至10月2日6:00期间进行系统维护</p><p class="date"><span >10-24 16:00</span></p>
						</li>
						<li>
							<p class="article"> 本平台2016年10月1日至22:00至10月2日6:00期间进行系统维护</p><p class="date"><span >10-24 16:00</span></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 公告区域结束 -->
	</div>
	<!-- 页面上部结束 -->
	<!-- 页面下部开始 -->
	<div class="index-detail">
		<div class="tab">
			<ul>
				<li id="sell-btn" class="active">卖方市场</li>
				<li id="buy-btn">买方市场</li>
			</ul>
		</div>
		<div class=" market buy-market" id="buy-market">
			<table>
				<thead>
					<tr>
						<th>产品编号</th>
						<th>产品类型</th>
						<th>询价方</th>
						<th>贴现率(%)</th>
						<th>涨跌幅(bp)</th>
						<th>询价金额(万)</th>
						<th>票据期限</th>
						<th>承兑人</th>
						<th>权属人</th>
						<th>票源地址</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">买方市场</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class=" market sell-market" id="sell-market">
			<table>
				<thead>
					<tr>
						<th>产品编号</th>
						<th>产品类型</th>
						<th>询价方</th>
						<th>贴现率(%)</th>
						<th>涨跌幅(bp)</th>
						<th>金额(万)</th>
						<th>票据期限(天)</th>
						<th>承兑人</th>
						<th>持票人</th>
						<th>票源地址</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">卖方市场</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
					<tr>
						<td class="pro-num">10301001</td>
						<td class="pro-class">银承纸票</td>
						<td class="enquiry-pre">中央企业</td>
						<td class="discount-rate">3.51</td>
						<td class="range">+3</td>
						<td class="enquiry-price">1.000.00</td>
						<td class="usance">足月</td>
						<td class="acceptor">股份制行</td>
						<td class="property-owner">——</td>
						<td class='ticket-place'>深圳</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<!-- 系统消息开始 -->
	<div class="system-mes" id="system-mes">
		<h2>系统消息</h2>
		<span class="close" id="mes-close">关闭</span>
		<ul>
			<li class="system-list">
				<p>财政部长朱光耀：贸易战两败俱伤，中美要摒弃零和游戏概念，中美要..</p>
				<span>12:00</span>
			</li>
			<li class="system-list">
				<p>财政部长朱光耀：贸易战两败俱伤，中美要摒弃零和游戏概念，中美要..</p>
				<span>12:00</span>
			</li>
			<li class="system-list">
				<p>财政部长朱光耀：贸易战两败俱伤，中美要摒弃零和游戏概念，中美要..</p>
				<span>12:00</span>
			</li>
		</ul>
	</div>
	<!-- 系统消息结束 -->
	<!-- 快捷键设置开始 -->
	<div class="key-setting" id="key-setting">
		<h2>快捷键设置</h2>
		<span class="key-close" id="key-close">关闭</span>
		<ul>
			<li class="key-list">
				<label for="">快速截屏：</label>
				<input type="text" value="Ctrl+Alt+A">
			</li>
			<li class="key-list">
				<label for="">弹出交易窗口：</label>
				<input type="text" value="Ctrl+B">
			</li>
			<li class="key-list">
				<label for="">刷新票据信息：</label>
				<input type="text" value="F10">
			</li>
			<li class="key-list">
				<label for="">闪电撤销：</label>
				<input type="text" value="F11">
			</li>
			<li class="key-list">
				<label for="">显示票据行情信息：</label>
				<input type="text" value="F12">
			</li>
		</ul>
		<div class="key-seting-btn">
			<input type="button" value="恢复默认">
			<input type="button" value="保存">
		</div>
	</div>
	<!-- 快捷键设置结束 -->
	<div class="paging-area">
		<input type="button" value="上一页">
		<span class="page-now">当前第<span class="page-num">2</span>页</span>
		<span class="page-total">共<span class="page-num">10</span>页</span>
		<input type="button" value="下一页">
	</div>
	<!-- 页面下部结束 -->
	<!-- 底部滚动开始 -->
	<div class="roll-news">
		<div class="news-info">24小时滚动</div>
		<div class="roll-content">
			<div class="roll-content-bar">
				<span class="news-time">10:36</span><p class="news-title">我国首家采用民办非企业模式建设的喝点研发机构成立</p>
				<span class="news-time">10:32</span><p class="news-title">中央环保督查期间湖北省有六家钢厂停产</p>
				<span class="news-time">10:29</span><p class="news-title">发改委：全面开放养老服务市场</p>
				<span class="news-time">10:29</span><p class="news-title">发改委：全面开放养老服务市场</p>
				<span class="news-time">10:29</span><p class="news-title">发改委：全面开放养老服务市场</p>
				<span class="news-time">10:29</span><p class="news-title">发改委：全面开放养老服务市场</p>
				<span class="news-time">10:29</span><p class="news-title">发改委：全面开放养老服务市场</p>
				<span class="news-time">10:29</span><p class="news-title">发改委：全面开放养老服务市场</p>
			</div>
		</div>
	</div>
	<!-- 底部滚动结束 -->
</body>
</html>